<template>
	<view class="welcome-container">
		<view class="top">
			<view class="title">
				Hi,您好
			</view>
			<view class="txt-1">
				欢迎使用
			</view>
			<view class="txt-2">
				开心义工旅行社
			</view>
			<view class="icon">
				<uni-icons type="icon-luyou" size="100" color="0b7cd8" custom-prefix="iconfont"></uni-icons>
			</view>
		</view>
		<view class="content">
			<view class="list-1 list" @click="publish">
				<image src="../../static/fabuhuodong.png" mode=""></image>
				<view class="title">
					发布招募
				</view>
			</view>
			<view class="list-2 list" @click="goMyPage"> 
				<image src="../../static/gerenzhongxin.png" mode=""></image>
				<view class="title">
					个人中心
				</view>
			</view>
			<view class="list-3 list" @click="registrationForm">
				<image src="../../static/baomingbiao.png" mode=""></image>
				<view class="title">
					发布签到
				</view>
			</view>
			<view class="list-4 list" @click="myRecruitment">
				<image src="../../static/wodehuodong.png" mode=""></image>
				<view class="title">
					我的招募
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {getStatus} from "../../ajax/api/qiye.js";
	import {mapState,mapMutations} from "vuex";
	export default {
		data() {
			return {

			}
		},
		computed:{
			...mapState(["userInfo","qiyeData"])
		},
		async onShow() {
			try{
				const res = await getStatus(this.userInfo._id);
				this.updateQiyeData(res);
			}catch(e){
				console.log(e)
			}
			// #ifdef MP-WEIXIN  
			if (wx.hideHomeButton) {
				wx.hideHomeButton();
			}
			// #endif
		},
		methods: {
			...mapMutations(["updateQiyeData"]),
			// 发布招募活动
			publish(){
				// 1.判断存储的data 是不是null 如果是就是让他发布企业
				// 2.如果不是null 判断status 0待审核 1拒绝 2通过
				// 审核通过了才可以发布
				if(this.qiyeData){
					if(this.qiyeData.status === 2){
						uni.navigateTo({
							url:"/pages/publish/publish",
						})
					}else{
						uni.showModal({
							title:"需要企业认证通过后才可以发布消息",
							showCancel:false,
						})
					}
				}else{
					uni.showModal({
						title:"您暂未进行企业认证，请前往个人中心进行企业认证",
						showCancel:false,
					})
				}
			},
			// 个人中心
			goMyPage(){
				uni.navigateTo({
					url:"/pages/qiyeSelf/qiyeSelf"
				})
			},
			// 发布签到活动
			registrationForm(){
				if(this.qiyeData){
					if(this.qiyeData.status === 2){
						uni.navigateTo({
							url:"/pages/publishSign/publishSign"
						})
					}else{
						uni.showModal({
							title:"需要企业认证通过后才可以查看报名表",
							showCancel:false,
						})
					}
				}else{
					uni.showModal({
						title:"您暂未进行企业认证，请前往个人中心进行企业认证",
						showCancel:false,
					})
				}
			},
			// 查看发布的任务
			myRecruitment(){
				if(this.qiyeData){
					if(this.qiyeData.status === 2){
						uni.navigateTo({
							url:"/pages/myRecruitment/myRecruitment"
						})
					}else{
						uni.showModal({
							title:"需要企业认证通过后才可以查看发布的任务",
							showCancel:false,
						})
					}
				}else{
					uni.showModal({
						title:"您暂未进行企业认证，请前往个人中心进行企业认证",
						showCancel:false,
					})
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "./css/welcome.scss";
</style>
